{{define "Category"}}
 <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>{{.setting.SiteTitle}}</title>
<meta name="title" content="{{.setting.SiteTitle}}"/>			
<meta name="description" content="{{.setting.SiteDescription}}"/>
<meta name="keywords" content="{{.setting.SiteKeyword}}"/>	
<meta name="generator" content="MBlog 3.0"/>
	
<meta property="og:url" content=""/>
<meta property="og:title" content="{{.setting.SiteTitle}}"/>
<meta property="og:description" content="{{.setting.SiteDescription}}"/>	
<meta property="og:image" content="{{.setting.SiteThumb}}"/> 	
<meta property="og:site_name" content="{{.setting.SiteName}}"/>
<meta property="fb:admins" content="100000152425373" name="100000152425373"/>	

<link rel="stylesheet" type="text/css" href="http://commondatastorage.googleapis.com/static.tubeonfire.com/templateMK/blog18/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="http://commondatastorage.googleapis.com/static.tubeonfire.com/templateMK/blog18/css/style.css" />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js?ver=3.4.1'></script>
<script src="http://commondatastorage.googleapis.com/static.tubeonfire.com/templateMK/blog18/js/bootstrap.min.js"></script>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- css3-mediaqueries.js for IE less than 9 -->
<!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
</head>

<body>

    <!-- content
	================================================== -->
    <div id="master">
        	
        <!-- header
        ================================================== -->
        <header id="header">
            
            <!-- logo & slogan -->
           	<hgroup>
                <h1 class="site-title"><a href="/" title="{{.setting.SiteTitle}}">{{.setting.SiteName}}</a></h1>
                <h2 class="slogan">{{.setting.SiteTitle}}</h2>
            </hgroup>
            
            <!-- navigation -->
            <nav>
            	<div class="container">
                    <ul id="mainMenu" class="clearafter">
                        <li><a href="/" title="Home Page">Home</a></li>
                        <li><a href="/rss" title="Stay updated via RSS">Rss</a></li>
                        <li><a href="/sitemap.xml" title="Site map">Site Map</a></li>                       
                        <li><a href="/about-us" title="About us">About Us</a></li>
                    </ul>
                </div>
            </nav>
        </header>
                    
                    
        <!-- main content
        ================================================== -->
        <div id="content">
        	<div class="container">
                <div class="row-fluid">
    
                    <!-- main content
                    ================================================== -->
                    <div id="mainContent" class="span8">
                    	<div id="mainContent_inner">
                    	{{range .listNews}}												
							<article>
                                <header>
                                    <div class="postDate">
                                        <time pubdate="" datetime="{{GetMonthName .Doc}} {{GetDay .Doc}}, {{GetYear .Doc}}">
                                            <a href="/time/date-{{GetMonth .Doc}}-{{GetDay .Doc}}-{{GetYear .Doc}}" title="{{GetMonthName .Doc}} {{GetDay .Doc}}, {{GetYear .Doc}}">{{GetMonthName .Doc}} {{GetDay .Doc}}, {{GetYear .Doc}}</a>
                                        </time>
                                    </div>
                                    <h2 class="title"><a href="/{{.Alias}}.html">{{.Title}}</a></h2>
                                    <div class="meta">
                                        <div class="category">
                                        	Posted in {{range $i, $e := .Category}}{{ if $i }}, {{ end }}<a href="/category/{{(GetCategory $e).Alias}}">{{(GetCategory $e).Title}}</a>{{end}}.                                           	
                                        </div>                                    
                                    </div>                                
                                </header>                               
								<div class="postThumb"><a href="/{{.Alias}}.html"><img src="{{.Thumb}}" /></a></div>
                                <p class="postDesc">{{.Description}}</p>
                            </article>							
						{{end}}                	                    	                                                       
                            <ul class="pager">
                            	 {{ if .hasNextPage}}
                            	 <li class="previous">
	                             	<a href="/time/date-{{.strMonth}}-{{.strDay}}-{{.strYear}}?page={{.nextPage}}">&laquo; Older Entries</a>
	                             </li>
	                             {{ end }}
	                             {{ if .hasPreviousPage}}
                            	 <li class="next">
	                             	<a href="/time/date-{{.strMonth}}-{{.strDay}}-{{.strYear}}?page={{.previousPage}}">Newer Entries &raquo;</a>	                                    
	                             </li>  
	                             {{ end }}                          
                            </ul>
                        </div>
                    </div>
                    
                    <!-- sidebar
                    ================================================== -->
                    <aside class="span4">
                        <div id="sidebar">
                            <div class="box">                                
                                <form action="" method="get" onsubmit="location.href='/search/' + encodeURIComponent(this.search.value).replace(/ /g, '+'); return false;" class="form-inline">   
		                            <input type="text" class="input-block-level" name="search" id="s" placeholder="search this site">
		                        </form>
                            </div>                 
                            <div class="box postListing">
                                <h3 class="boxTitle">Recent Views</h3>
                                <div class="boxContent">
                                    <ul>
                                    	{{range .recent}}		
                                        <li class="row-fluid">
                                           
                                            <div class="span3">
                                                <img class="img-full-width" src="{{.Thumb}}" />
                                            </div>
                                            <div class="span9">
                                                <a href="/{{.Alias}}.html" class="title">{{.Title}}</a>
                                                <a class="published" href="/time/date-{{GetMonth .Doc}}-{{GetDay .Doc}}-{{GetYear .Doc}}" title="{{GetMonthName .Doc}} {{GetDay .Doc}}, {{GetYear .Doc}}">
                                                	{{GetMonthName .Doc}} {{GetDay .Doc}}, {{GetYear .Doc}}
                                                </a>                                                                                         
                                            </div>
                                        </li>   
                                        {{end}}                                                     
                                    </ul>
                                </div>                        
                            </div>
                            <div class="box categories">
                                <h3 class="boxTitle">Categories</h3>
                                <div class="boxContent">
                                    <ul class="clearafter">  
                                    	{{range .listCategory}}	
                                    	<li><a href="/category/{{.Alias}}">{{.Title}}</a></li>                         
                                        {{end}}                                     
                                    </ul>
                                </div>
                            </div>
                            <div class="box tags">
                                <h3 class="boxTitle">Tags</h3>
                                <div class="boxContent clearafter">
                                	{{range .tagPool}}	
                               		 <a href="/tag/{{.Alias}}">{{.Title}}</a>             
                                    {{end}}                                       
                                </div>
                            </div>
                        </div>
                    </aside>
                </div>
            </div>
        </div>
        <!-- AddThis Smart Layers BEGIN -->
		<!-- Go to http://www.addthis.com/get/smart-layers to customize -->
		<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4d6f3cdb1d190d60"></script>
		<script type="text/javascript">
		  addthis.layers({
		    'theme' : 'transparent',
		    'share' : {
		      'position' : 'left',
		      'numPreferredServices' : 5
		    }   
		  });
		</script>
		<!-- AddThis Smart Layers END -->
        {{.setting.Analytic}}
        
        <!-- footer
        ================================================== -->
    	<footer>
            <div class="container">&copy; 2014 Copyright <a href="/">{{.domainName}}</a></div>
        </footer>
    </div>        
</body>
</html>
{{end}}